<?
include_once ('../includes/config.php');
$tratamientoServicios = new TratamientoServicios();
$tratamientos = $tratamientoServicios->listarKeyValues();
$gabineteServicios = new GabineteServicios();
$gabinetes = $gabineteServicios->listarKeyValues();
$terapeutasServicios = new TerapeutaServicios();
$terapeutas = $terapeutasServicios->listarKeyValues();
?>
<div id="conetenderoReporteReservas">
  <form accept-charset="utf-8" id="formReporte" action="">
    <div class="contenedorBotones">
      <?
      echo Helper::botonJquery('generarReporteReservas', 'generarReporteReservas', 'Generar');
      ?>
    </div>
    <div class="contenedorModulos">
      <div class="modulo" style="margin-top: 6px;">
        <div class="entradaHorizontal" >
          <?
          echo Helper::entradaTextoVertical('Nombre', '150', '', 'nombre');
          ?>
        </div>
        <div class="modulo" style="margin-top: 6px;">
          <?
          echo Helper::entradaTextoVertical("Desde Habitación", "150", "", "numero_habitacion_desde", "habitaciones");
          ?>
        </div>
        <div class="modulo" style="margin-top: 6px;">
          <?
          echo Helper::entradaTextoVertical("Hasta Habitación", "150", "", "numero_habitacion_hasta", "habitaciones");
          ?>
        </div>
      </div>
      <div class="modulo unaLinea" style="margin-top: 6px;">
        <div class="entradaHorizontal" >
          <?= Helper::selectVertical("Tratamiento", $tratamientos, "tratamiento", "tratamiento") ?>
        </div>
        <div class="entradaHorizontal" >
          <?= Helper::selectVertical("Gabinete", $gabinetes, "gabinete", "gabinete") ?>
        </div>
        <div class="entradaHorizontal" >
          <?= Helper::selectVertical("Terapeuta", $terapeutas, "terapeuta", "terapeuta") ?>
        </div>
      </div>

    </div>
    <div class="modulo unaLinea">
      <div class="entradaHorizontal" >
        <? echo Helper::entradaTextoVertical('Fecha Desde', '150', '', 'fechaDesde'); ?>

      </div>
      <div class="entradaHorizontal" >
        <?
        echo Helper::entradaTextoVertical('Fecha Hasta', '150', '', 'fechaHasta');
        ?>

      </div>

    </div>
    <div class="modulo" style="padding-top: 20px;">
      <?
      echo Helper::checkBoxVertical("Tomada", "reservaTomada");
      echo Helper::checkBoxVertical("Pendiente", "reservaPendiente");
      ?>       
    </div>
  </form>
</div>
<script type="text/javascript">
  $(function(){
    $("#formReporte").validate({
      errorPlacement: function(error, element) {
        error.appendTo($(".boton"));
      }
    });
    $("#tope").height(280);
    $('#fechaDesde').datepicker( {
      //dateFormat: 'yy-m-d',
      altFormat: 'dd/m/yy',
      changeMonth: true,
      changeYear: true,
      showButtonPanel: true,
      closeText: "Cerrar"
      
    });
    $('#fechaHasta').datepicker( {
      //dateFormat: 'yy-m-d',
      altFormat: 'dd/m/yy',
      changeMonth: true,
      changeYear: true,
      showButtonPanel: true,
      closeText: "Cerrar"
      
    });
    //    $(".habitaciones").tokenInput("buscarHabitacionesLista.php", {
    //      theme: "facebook",
    //      preventDuplicates: true, 
    //      searchingText: "<?= BUSCANDO ?>",
    //      hintText: "<?= AYUDA_TOKENINPUT ?>",
    //      noResultsText: "<?= SIN_RESULTADO_TOKENINPUT ?>",
    //      tokenLimit:1,
    //      onAdd: function() {
    //        recalcularAlturaTope($(this));
    //      },
    //      onReady: function() {
    //        registrarAlturaTokenInput($(this));
    //        recalcularAlturaTope($(this));
    //      }
    //    });    
    jQuery.validator.addMethod("mayorOIgual", function(value, element, params) { 
      return this.optional(element) || value >= $("#"+params).val(); 
    }, jQuery.format("La habitación hasta debe ser mayor o igual a la habitación desde."));
  });
  $("#numero_habitacion_hasta").rules("add", {
    mayorOIgual: "numero_habitacion_desde"
  });
</script>
